import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'

Vue.use(VueRouter)

const routes = [
  {path: '/',redirect: '/login'},
  {path: '/login',component: Login },
  {path: '/home',component: Home }
]

const router = new VueRouter({
  routes
})

//挂载路由导航守卫，禁止未登录直接跳转到内页
router.beforeEach((to,from,next)=>{
  //to将要访问的路径
  //from代表从哪个路径跳转过来
  //next是一个函数，表示放行
  //next()放行  next('/login')强制跳转
  if(to.path === '/login'){
    //用户访问登录页面，不需要权限控制，直接放行
    return next();
  }
  //获取token
  const tokenStr = window.sessionStorage.getItem('token');
  if(!tokenStr){
    return next('/login');
  }
  next();
})
export default router
